<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">
    <title>今日打卡记录</title>
    <script src="../js/jweixin-1.2.0.js"></script>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $(document).ready(function(){
                $.ajax({
                    type: "GET",
                    url: "/record/getDoDaily",
                    dataType: "json",
                    data: {

                    },
                    success: function (data) {
                        console.log(data);

                        for (var i in data) {
                            $("#t1").append("<tr><td>" + data[i].name + "</td><td>" + data[i].result + "</td><td>" +
                                data[i].finalResult + "</td></tr>");
                        }
                    },
                    error: function (xhr, textStatus) {
                        console.log('错误');
                        console.log(xhr);
                        console.log(textStatus);
                    }
                });
       });


    </script>

</head>

<body>
<div>
    <div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
        <img src="../img/1.png" height="100%" width="100%"/>
    </div>
    <div class="main">

    <h1>今日打卡记录</h1>
        <div style="text-align:center">

            <table  id ="t1" border="1" cellpadding="3" cellspacing="0" style="width: 60%;margin:auto">
                <tr>
                    <th>项目</th>
                    <th>完成</th>
                    <th>勤学金</th>
                </tr>

            </table></div>

</div>
</div>
</body>


<style>

    .main{
        text-align: center; /*让div内部文字居中*/
        border-radius: 20px;
        width: 300px;
        height: 350px;
        margin: auto;
        position: absolute;
        top: -50%;
        left: 0;
        right: 0;
        bottom: 0;
    }
    td
    {
        text-align:center;
    }


</style>
</html>
